@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --el-fill-color-blank: #ffffffcc;
    --el-fill-color-light: #f7f7f766;
    --el-bg-color: #fafafa;
    --el-mask-color: #fcfcfc33;

    /* 自定义标题栏的高度 */
    --title-bar-height: 2.5rem;
}

/* ElMessage基础高度 */
.el-message {
    margin-top: var(--title-bar-height) !important;
}

/* ElNotification基础高度 */
.el-notification {
    margin-top: var(--title-bar-height) !important;
}

/* ElDrawer等组件的遮罩位置调整 */
.el-overlay {
    height: calc(100% - var(--title-bar-height)) !important;
    top: var(--title-bar-height) !important;
}

/* ElMessageBox等组件的遮罩位置调整 */
.el-overlay-dialog {
    top: var(--title-bar-height) !important;
}

/* ElImage图片预览 */
.el-image-viewer__wrapper {
    top: var(--title-bar-height) !important;
}
